<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<style>
	.div{
	display:none;
	}
	.modal.fade.in {
    top: 50%;
    
}
</style>
<html>
	<head>
		<title>发布的所有考试</title>
		<link rel="stylesheet" type="text/css" href="/testSystem/end/jslib/bootstrap/css/bootstrap.css">
		<link rel="stylesheet" type="text/css" href="/testSystem/end/css/theme.css">
		<link rel="stylesheet" href="/testSystem/end/jslib/font-awesome/css/font-awesome.css">
	    <link href="/testSystem/end/jslib/bootstrap/css/bootstrap.min.css" rel="stylesheet"> 
		<script src="/testSystem/end/jslib/jquery-1.11.2.min.js"></script>
		<script src="/testSystem/end/jslib/bootstrap/js/bootstrap.min.js"></script>
	</head>

	<body class="content1">
		<ul class="breadcrumb">
			<li class="active">
				列表
			</li>
		</ul>
		<div class="wrap">
		<div class="container-fluid">
			<div class="row-fluid">
				<div class="well">
					<table class="table">
						<thead>
							<tr>
								<th>
									考试类别
								</th>
								
								<th>
									考试名称
								</th>
								<th>
									开考时间
								</th>
								<th>
									结束时间
								</th>
								<th>
									状态
								</th>
								<th>
									操作
								</th>
							</tr>
						</thead>
						<tbody id="td">
							
						</tbody>
					</table>
		
				</div>
			</div>
		</div>
		<div class="container-fluid">
			<table class="table">
				 <tr>
				     <th id="page_info" width="50%"></th>
				     <th id="page" width="50%"></th>				     
				 </tr>   
			</table>	   
        </div> 
        </div>
        
        <div class="div">
            <div class="container-fluid">
			<div class="row-fluid">
				<div class="well">
				<!-- <button type="button" class="btn btn-info" id="fanhui">返回</button> -->
					<table class="table">
						<thead>
							<tr>
								<th>
									学号
								</th>
								
								<th>
									姓名
								</th>
								<th>
									身份证号
								</th>
								<th>
									密码
								</th>
								<th>
									操作
								</th>
							</tr>
						</thead>
						<tbody id="stutd">
							
						</tbody>
					</table>
		
				</div>
			</div>
		</div>
		<div class="container-fluid">
			<table class="table">
				 <tr>
				     <th id="stu_page_info" width="50%"></th>			     
				 </tr>   
			</table>	   
        </div> 
        </div>
        <script type="text/javascript">
        $(function(){
       	     //打开页面加载所有分类信息
             to_page(1);
        });
        
        function to_page(pn){
       		 $.ajax({
		    	    	url:"/testSystem/selectExamination",
		    	    	type:"post",
		    	    	dataType:"json",
		    	    	data:"pn="+pn,
		    	    	success:function(result){
		    	    		console.log(result);
		    	    		//1.展示数据
				    		show_data(result);
				    		//2.分页信息
				    		show_page_info(result);
				    		//3. 分页条
				    		show_page(result);
		    	    	}
		    	    });
       	 }
        
        //制作表格 
        function show_data(result){
       	     var list = result.extend.pageInfo.list;
       	//清空之前的信息
	    	 $("#td").empty();
	    	 //展示数据
	    	 $.each(list,function(i,item){    		 
	    		 var Tr = $("<tr></tr>");
	    		 var worktypeTd = $("<td></td>").append(item.worktype);  //类别
	    		 var worktitleTd = $("<td></td>").append(item.worktitle);  //名称
	    		 var starttimeTd = $("<td></td>").append(item.starttime);  //开始时间
	    		 var endtimeTd = $("<td></td>").append(item.endtime);  //结束时间
	    		 var stateTd = $("<td></td>").append(item.state);  //状态
	    		 var xbtn = $("<button type='button' class='btn btn-primary'></button>").attr("sid",item.id).append("查看");
	    		 
	    		 var btnTd = $("<td></td>").append(xbtn);
	    		 //删除按钮事件 
	    		 xbtn.click(function(){
	    			var chakanId = xbtn.attr("sid");
	    			
	    			$.ajax({
	    				url:"/testSystem/selectStudentById",
	    				type:"post",
	    				data:"worksId="+chakanId,  
	    				dataType:"json",
	    				success:function(result){
	    					console.log(result);
	    					stu_data(result,chakanId);
	    					stu_page_info(result,chakanId);
	    				}
	    			});
	    		 });
	    		 
	    		 $("#td")
	    		 .append(Tr)
	    		 .append(worktypeTd)
	    		 .append(worktitleTd)
	    		 .append(starttimeTd)
	    		 .append(endtimeTd)
	    		 .append(stateTd)
	    		 .append(btnTd); 
	    	 });
        }
        //制作分页信息
        function show_page_info(result){
       	 $("#page_info").empty();//清空分页信息 
   			var pageNum = result.extend.pageInfo.pageNum; //当前页
   			var pages = result.extend.pageInfo.pages; //总页数
   			var total = result.extend.pageInfo.total; //总记录数 
   			$("#page_info").append("当前第"+pageNum+"页，总共"+pages+"页，总共"+total+"条记录");
        }
        //制作分页条 
        function show_page(result){
       	// alert(textName+"||"+textValue);
       	 $("#page").empty(); //清空分页条信息 
   		    var firstPageLi = $("<li></li>").append($("<a></a>").append("首页").attr("href","#"));
   		    var firstLi = $("<li></li>").append($("<a></a>").append("&laquo;").attr("href","#"));
   		    if(!result.extend.pageInfo.hasPreviousPage){
   		    	//添加禁用状态
   		    	firstPageLi.addClass("disabled");
   		    	firstLi.addClass("disabled");
   		    }else{
   		    	//添加翻页事件
   			    firstPageLi.click(function(){
   			    	to_page(1);
   			    });
   			    firstLi.click(function(){
   			    	to_page(result.extend.pageInfo.pageNum-1);
   			    });
   		    }
   		    var ul = $("<ul class='pagination'></ul>").append(firstPageLi).append(firstLi);
   		    $.each(result.extend.pageInfo.navigatepageNums,function(index,item){
   		    	var li = $("<li></li>").append($("<a></a>").append(item).attr("href","#"));
   		    	//添加激活状态
   		    	if(item==result.extend.pageInfo.pageNum){
   		    		li.addClass("active");
   		    	}
   		    	li.click(function(){
   		    		to_page(item);
   		    	});
   		    	ul.append(li);
   		    });
   		    var lastLi = $("<li></li>").append($("<a></a>").append("&raquo;").attr("href","#"));
   		    var lastPageLi = $("<li></li>").append($("<a></a>").append("末页").attr("href","#"));
   		     
   		    if(!result.extend.pageInfo.hasNextPage){
   		    	//禁用状态
   		    	lastLi.addClass("disabled");
   		    	lastPageLi.addClass("disabled");
   		    }else{
   		    	//添加翻译点击事件
   		    	lastLi.click(function(){
   			    	to_page(result.extend.pageInfo.pageNum+1);
   			    });
   			    lastPageLi.click(function(){
   			    	to_page(result.extend.pageInfo.pages);
   			    });
   		    }
   		    ul.append(lastLi).append(lastPageLi);
   		    var nav = $("<nav></nav>").append(ul);
   		    $("#page").append(nav);
        }
        
        //查看学生信息隐藏按钮
        $(document).on('click','.btn',function(){
        	$('.wrap').hide();
        	$('.div').show();
        });
        
        //返回按钮
       
        $(document).on('click','#fanhui',function(){
        	$('.wrap').show();
        	$('.div').hide();
        });
        
        //学生信息展示
        //制作表格 
        function stu_data(result,chakanId){
       	     var list = result.extend.list;
       	     //清空之前的信息
	    	 $("#td").empty();
	    	 //展示数据
	    	 $.each(list,function(i,item){    		 
	    		 var Tr = $("<tr></tr>");
	    		 var kshTd = $("<td></td>").append(item.ksh);  
	    		 var nameTd = $("<td></td>").append(item.name);  
	    		 var carnumerTd = $("<td></td>").append(item.carnumer);  
	    		 var passwordTd = $("<td></td>").append(item.password);  
	    		 var xbtn = $("<button type='button' class='btn btn-primary'></button>").attr("ksh",item.ksh).attr("worksId",chakanId).append("改卷");
	    		 
	    		 var btnTd = $("<td></td>").append(xbtn);
	    		 //改卷
	    		 xbtn.click(function(){
	    			var ksh = xbtn.attr("ksh");
	    			var worksid = xbtn.attr("worksid");
	    			//打开改卷页面 
					window.open("correct.jsp?ksh="+ksh+"&worksid="+worksid);
	    			/* $.ajax({
	    				url:"/testSystem/selectStupaper",
	    				type:"post",
	    				data:"ksh="+ksh+"&worksId="+worksid,  
	    				dataType:"json",
	    				success:function(result){
	    					console.log(result);
	    					//打开改卷页面 
	    					window.open("correct.html");
	    				}
	    			}); */
	    		 });
	    		 
	    		 $("#stutd")
	    		 .append(Tr)
	    		 .append(kshTd)
	    		 .append(nameTd)
	    		 .append(carnumerTd)
	    		 .append(passwordTd)
	    		 .append(btnTd); 
	    	 });
        }
        //制作分页信息
        function stu_page_info(result,chakanId){
       	 $("#stu_page_info").empty();//清空分页信息 
   			$("#stu_page_info").append("总共有"+result.extend.list.length+"位考生参加考试");
        }
        
        </script>
	</body>
</html>